<!DOCTYPE html>
<html>
    <head>
            <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">  
            <script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
            <script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    </head>
    <body>
        <div class="container">
            <h2>b表格</h2>
            <p>
                .table为任意表格添加基本样式（只有横向分割线）
            </p>
            <table class="table table-hover  table-bordered">
                <thead>
                    <tr>
                        <th>#</th>
                        <th>Fist name</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>A</td>
                    </tr>
                    <tr><td>2</td>
                    <td>B</td></tr>
                    <tr>

                            <td>1</td>
                            <td>A</td>
                    </tr>
                </tbody>

            </table>
        </div>
    </body>
</html>